<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>图片分享后台</title>
    <!-- 基本配置文件会先放在前面 -->
    <link rel="stylesheet" type="text/css" href="../package/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../package/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/form.css">
    <script type="text/javascript" src="../js/lib/jquery.min.js"></script>
</head>
<body>
<div class="header-wrapper">
    <div class="header">
        <div class="nav-left">
            <i class="glyphicon glyphicon-align-justify"></i>
        </div>
        <div class="nav-middle">
            <div class="logoInfo">
                <a class="logo">图片分享后台</a>
            </div>
            <!--<div class="search">-->
            <!--<input class="form-control" title="" placeholder="搜索">-->
            <!--<i class="glyphicon glyphicon-search"></i>-->
            <!--</div>-->
        </div>
        <div class="nav-right">
            <!--fontawesome字体图标-->
            <i class="fa fa-bell-o"></i>
            <img src="../img/yes0005.jpg">
        </div>
    </div>
</div>
<div class="content-wrapper">
    <div class="left-model">
        <div class="left-model-header">
            <a class="model-title-left">图片分享</a>
            <a class="model-title-right"><i class="fa fa-angle-right"></i></a>
        </div>
        <div class="left-model-middle">
            <a class="left-model-item">
                <i class="icon glyphicon glyphicon-home"></i>
                <span class="content">首页</span>
            </a>
            <a class="left-model-item">
                <i class="icon glyphicon glyphicon-star"></i>
                <span class="content">收藏集</span>
            </a>
            <a class="left-model-item">
                <i class="icon glyphicon glyphicon-sort"></i>
                <span class="content">分类</span>
            </a>
            <a class="left-model-item">
                <i class="icon glyphicon glyphicon-stats"></i>
                <span class="content">排行</span>
            </a>
            <a class="left-model-split"></a>
            <a class="left-model-item">
                <i class="icon glyphicon glyphicon-certificate"></i>
                <span class="content">设置</span>
            </a>
            <a class="left-model-item">
                <i class="icon glyphicon glyphicon-question-sign"></i>
                <span class="content">帮助</span>
            </a>
        </div>
        <div class="left-model-bottom">
            <div class="info">图片分享程序</div>
            <div class="info"><a>隐私政策 </a><a> 服务条款</a></div>
            <div class="info"><a>©2017 易拓工作室</a></div>
        </div>
    </div>
    <div class="left">
        <ul class="left-header">
            <li class="left-item">
                <a class="content left-item-height"> <i class="icon glyphicon glyphicon-home"></i>首页</a>
            </li>
            <li class="left-item">
                <a class="content left-item-height"> <i class="icon glyphicon glyphicon-user"></i>用户管理<i class="icon-right glyphicon glyphicon-chevron-down"></i></a>
                <ul class="twoRank">
                    <li>
                        <a class="left-item-height twoRank-a">
                            <i class="icon glyphicon glyphicon-chevron-right"></i>
                            二级菜单一
                        </a>
                    </li>
                    <li class="twoRank-li">
                        <a class="left-item-height twoRank-a">
                            <i class="icon glyphicon glyphicon-chevron-right"></i>
                            二级菜单二
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-item">
                <a class="content left-item-height"> <i class="icon glyphicon glyphicon-bold"></i>关键字管理<i class="icon-right glyphicon glyphicon-chevron-down"></i></a>
                <ul class="twoRank">
                    <li>
                        <a class="left-item-height twoRank-a">
                            <i class="icon glyphicon glyphicon-chevron-right"></i>
                            二级菜单一
                        </a>
                    </li>
                    <li class="twoRank-li">
                        <a class="left-item-height twoRank-a">
                            <i class="icon glyphicon glyphicon-chevron-right"></i>
                            二级菜单二
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-item">
                <a class="content left-item-height"> <i class="icon glyphicon glyphicon-share-alt"></i>添加分享管理<i class="icon-right glyphicon glyphicon-chevron-down"></i></a>
                <ul class="twoRank">
                    <li>
                        <a class="left-item-height twoRank-a">
                            <i class="icon glyphicon glyphicon-chevron-right"></i>
                            二级菜单一
                        </a>
                    </li>
                    <li class="twoRank-li">
                        <a class="left-item-height twoRank-a">
                            <i class="icon glyphicon glyphicon-chevron-right"></i>
                            二级菜单二
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-item">
                <a class="content left-item-height"> <i class="icon glyphicon glyphicon-list"></i>内容管理<i class="icon-right glyphicon glyphicon-chevron-down"></i></a>
                <ul class="twoRank">
                    <li>
                        <a class="left-item-height twoRank-a">
                            <i class="icon glyphicon glyphicon-chevron-right"></i>
                            二级菜单一
                        </a>
                    </li>
                    <li class="twoRank-li">
                        <a class="left-item-height twoRank-a">
                            <i class="icon glyphicon glyphicon-chevron-right"></i>
                            二级菜单二
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-item setting">
                <a class="content left-item-height"><i class="icon glyphicon glyphicon-certificate"></i>设置</a>
            </li>
        </ul>
    </div>
    <div class="right">
        <div class="right-inner">
            <div class=col-md-12" id="middle-right-content">
                <div class="middle-right-header"><span>首页  / </span><span>用户审核</span></div>
                <div class="search form-group">
                    <span class="deleteMoreUser">批量删除<i class="glyphicon glyphicon-minus"></i></span><span class="addUser">添加成员<i class="glyphicon glyphicon-plus"></i></span>
                    <input class="form-control" placeholder="请输入搜索内容"><i class="glyphicon glyphicon-search" title="搜索"></i>
                </div>
                <table class="table table-striped table-bordered table-hover">
                    <tbody class="tbody" id="Tbody">
                    <tr>
                        <th>用户名</th>
                        <th>手机号</th>
                        <th>邮箱</th>
                        <th>地址</th>
                        <th>备注</th>
                    </tr>
                    <tr>
                        <th>Munoz</th>
                        <th>1881018980</th>
                        <th>441890201823021321</th>
                        <th>广州天河</th>
                        <th>2017-08-02,10:30</th>
                    </tr>
                    <tr>
                        <th>Munoz</th>
                        <th>1881018980</th>
                        <th>441890201823021321</th>
                        <th>广州天河</th>
                        <th>2017-08-02,10:30</th>
                    </tr>
                    <tr>
                        <th>Munoz</th>
                        <th>1881018980</th>
                        <th>441890201823021321</th>
                        <th>广州天河</th>
                        <th>2017-08-02,10:30</th>
                    </tr>
                    <tr>
                        <th>Munoz</th>
                        <th>1881018980</th>
                        <th>441890201823021321</th>
                        <th>广州天河</th>
                        <th>2017-08-02,10:30</th>
                    </tr>
                    <tr>
                        <th>Munoz</th>
                        <th>1881018980</th>
                        <th>441890201823021321</th>
                        <th>广州天河</th>
                        <th>2017-08-02,10:30</th>
                    </tr>
                    </tbody>
                </table>
                <div class="bottom">
                    <div class="page">
                        <ul>
                            <li class='pageNum first-li'><a>1</a></li>
                            <li class='pageNum'><a>2</a></li>
                            <li class='pageNum last-li'><a>3</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../js/app/base.js"></script>
<script src="../js/app/tool.js"></script>
<script src="../js/app/fade.js"></script>
<script src="../js/app/shareFunction.js"></script>
</html>